﻿<!-- MAIN PANEL -->

<div id="main" role="main" ng-controller="HomeCtrl" sizeelement>
    <div class="pre-loading" style="display:block;">
        <indicator-shown class="fa-2x" style="color: #2C3742"></indicator-shown> <span class="preloadertext">Loading...</span>
    </div>
    <!-- MAIN CONTENT -->
    <div id="content" class="fadeWhenChange" style="display:none;" >
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <h1 class="page-title txt-color-blueDark"><i class="fa-fw fa fa-home"></i>Home</h1>
            </div>
            <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                <ul id="sparks" class="">
                    <task-completed-count></task-completed-count>
                    <task-to-do-count></task-to-do-count>
                    <following-count></following-count>
                    <follower-count></follower-count>
                </ul>
            </div>
        </div>
        <div ng-controller="TopicCtrl">
            <topic-list></topic-list>
            <!--<ng-include src="'scripts/app/views/topic/index.html'"></ng-include>-->
        </div>
    </div>
    <!-- END MAIN CONTENT -->

</div>

<!-- END MAIN PANEL -->
